<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>授权管理</title>
	<link rel="stylesheet" href="/css/public.css">
	<link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		html{
			min-width: 767px;
		}
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 20px;
			background: #fff;
		}
		.public_title_content{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		/*内容*/
		.public_main_container{
			padding: 20px 20px 20px 20px;
			/*border-top: 1px solid #e8e8e8;*/
		}
		.public_main_content{

		}
		.public_empowerHeader_container{
			display: flex;
			align-items: center;
		}
		.public_empowerHeader_container::before{
			width: 4px;
			height: 13px;
			background: #1890ff;
			content: '';
		}
		.public_empowerHeader_container h3{
			font-size: 15px;
			font-weight: 700;
			color: #333;
			line-height: 21px;
			padding-right: 24px;
			position: relative;
			padding-left: 10px;
		}
		.public_empowerHeader_container p{
			font-weight: 400;
			color: #333;
			line-height: 21px;
			font-size: 13px;
		}
		.public_empowerHeader_container a{
			font-size: 14px;
			font-weight: 400;
			color: #1890ff;
		}
		.public_empowerTips_container{
			width: 640px;
			background: #f0f8ff;
			border-radius: 4px;
			font-size: 13px;
			color: rgba(0,0,0,.65);
			margin: 16px 0 24px;
			padding: 12px 24px 14px 20px;
		}
		.public_empowerTips_content{

		}
		.public_empowerTips_content h4{
			font-weight: 700;
			line-height: 18px;
			margin-bottom: 8px;
			font-size: 13px;
			color: rgba(0,0,0,.65);
		}
		.public_empowerTips_content p{
			font-size: 13px;
			color: rgba(0,0,0,.65);
			line-height: 20px;
		}
		/*列表部分*/
		.public_empowerMain_container{

		}
		.public_empowerMainList_container{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap: wrap;
		}
		.public_empowerMainList_container li{
			width: 255px;
			height: 90px;
			background: #fbfbfb;
			border-radius: 4px;
			border: 1px solid #eee;
			padding: 17px 19px 17px 12px;
			margin: 0 20px 24px 0;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			box-sizing: border-box;
		}
		.public_empowerMainList_container li img{
			width: 57px;
			height: 57px;
			border-radius: 28.5px;
			margin-right: 16px;
		}
		.public_empowerMainListInfo_container{
			flex:1;
			height: 57px;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.public_empowerMainListInfo_container h4{
			font-size: 15px;
			color: #333;
			line-height: 21px;
			margin-bottom: 8px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
		}
		.public_empowerMainListInfo_container p{
			color: rgba(0,0,0,.65);
			font-size: 14px;
		}
		.empowerMainList_Add{
			border: 1px dashed #eee !important;
			font-size: 13px;
			color: rgba(0,0,0,.85);
			line-height: 18px;
			padding-left: 55px;
			background: #fff !important;
			cursor: pointer;
			display: flex;
		}
		.empowerMainList_Add a{
			flex:1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.empowerMainList_Add a svg{
			margin-right: 12px;
		}
		.empowerMainList_Add a p{
			font-size: 13px;
			color: rgba(0,0,0,.85);
			line-height: 18px;
		}
	</style>
</head>
<body>
	
	<div class="public_container">
		<!-- /*头部*/ -->
		<div class="public_title_container">
		<!-- 	<div class="public_title_content">
				<a href="#"><p>授权管理</p></a>
				<a href=""><p>公共号配置</p></a>
			</div> -->
			<ul class="public-header-nav">
		      <li><a  class="public-header-nav-active" href="#">授权管理</a></li>
		      <li><a href="set_config.html">公共号配置</a></li>
		    </ul>
		</div>
		<!-- 内容 -->
		<div class="public_main_container">
			<div class="public_main_content">
				<div class="public_empowerHeader_container">
					<h3>公众号授权</h3>
					<p>请授权认证服务号 </p>
					
					
				</div>
				<div class="public_empowerTips_container">
					<div class="public_empowerTips_content">
						<h4>授权公众号后可使用以下功能：</h4>
						<p>裂变宝功能</p>
						
					</div>
				</div>
				<div class="public_empowerMain_container">
					<ul class="public_empowerMainList_container">
						<!-- 循环 -->
						{loop $list as $lists}
						<li>
							<img src="{$lists->message->authorizer_info->head_img}">
							<div class="public_empowerMainListInfo_container">
								<h4>{$lists->message->authorizer_info->nick_name}</h4>
								<p>
									{if $lists->message->authorizer_info->service_type_info->id == 0}订阅号{/if}
									{if $lists->message->authorizer_info->service_type_info->id == 1}由历史老帐号升级后的订阅号{/if}
									{if $lists->message->authorizer_info->service_type_info->id == 2}服务号{/if}
								</p>
							</div> 
						<i class="layui-icon layui-icon-close" style="cursor: pointer;" onclick="del({$lists->id})"></i>  
						</li>
						{/loop}
						<!-- 添加 -->
						<li class="empowerMainList_Add">
							<a href="login.html">
								<svg t="1611626316969" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2540" width="32" height="32"><path d="M514.048 62.464q93.184 0 175.616 35.328t143.872 96.768 96.768 143.872 35.328 175.616q0 94.208-35.328 176.128t-96.768 143.36-143.872 96.768-175.616 35.328q-94.208 0-176.64-35.328t-143.872-96.768-96.768-143.36-35.328-176.128q0-93.184 35.328-175.616t96.768-143.872 143.872-96.768 176.64-35.328zM772.096 576.512q26.624 0 45.056-18.944t18.432-45.568-18.432-45.056-45.056-18.432l-192.512 0 0-192.512q0-26.624-18.944-45.568t-45.568-18.944-45.056 18.944-18.432 45.568l0 192.512-192.512 0q-26.624 0-45.056 18.432t-18.432 45.056 18.432 45.568 45.056 18.944l192.512 0 0 191.488q0 26.624 18.432 45.568t45.056 18.944 45.568-18.944 18.944-45.568l0-191.488 192.512 0z" p-id="2541" fill="#cccccc"></path></svg>
								<p>添加公众号</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<script src="/cdn/jquery.js"></script>
	<script src="/js/ajax.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/layui/layui.all.js"></script>
	<script type="text/javascript">
		function del(id) {
			layer.confirm('您确定要删除公众号授权配置吗？', {
			  btn: ['确定','取消'] //按钮
			}, function(){
			 	myAjaxPost(false, true, 'del.html',{ id,id}, function (resp) {
					if (resp.status == 'success') {
						tusi(resp.msg);
						setTimeout(function(){ 
							location.reload(); 
						},2000);
					}else{
						tusi(resp.msg);
					}
				})
			});
		}
	</script>
</body> 
</html>